<template>
  <div>
    <img src="/src/common/assets/gif/welcome4.gif" alt="" class="img">
  </div>
</template>
<script lang="ts">
import {reactive, ref} from 'vue';
import {DownOutlined, UpOutlined} from '@ant-design/icons-vue';
import type {FormInstance} from 'ant-design-vue';

export default {
  components: {
    DownOutlined,
    UpOutlined,
  },
  setup() {
    const expand = ref(false);
    const formRef = ref<FormInstance>();
    const formState = reactive({});
    const onFinish = (values: any) => {
      //console.log('Received values of form: ', values);
      //console.log('formState: ', formState);
    };
    return {
      formRef,
      formState,
      expand,
      onFinish,
    };
  },
}
</script>
<style lang="less" scoped>
@import "@/common/style/abl_layout_style";

.img {
  height: calc(100vh - @footerHeight - @tabViewHeight - @headerHeight);
  width: 100%;
}
</style>
